
<!DOCTYPE html>
<!-- saved from url=(0050)http://www.shjcdj.cn/djw/zhuanti/wxjz/index.html#1 -->
<html><style type="text/css" id="953769635368"></style><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no">
<meta name="Keywords" content="矩阵">
<meta name="Description" content="院微矩阵">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<title>西电通院院微矩阵</title>
<style type="text/css">
/*/*/*/*	*{ padding: 0; margin: 0; border: 0;}
	html,body{min-height: 100%;}
	/*body{ background: #FFF url(党微矩阵_files/bg.png) no-repeat left bottom; background-size: 100%; font-size: 16px; font-family: Helvetica; line-height: 1.5;}*/
	a:link,a:visited{ color: #000; text-decoration: none;}
	.clearfix{*zoom:1;}
	.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
	.navBar{ padding:10px 0 0 2%; /*background: url(党微矩阵_files/nav_bg2.png)*/ repeat-x left bottom;}
	.navBar span{ width: 49%; float: left; display: inline-block; position: relative; margin-right: -2%; /*background:url(党微矩阵_files/navcur_bg2.png)*/ no-repeat; background-size: 100%; text-align: center; font-size: 14px; font-weight: 700; line-height: 2.5;border-bottom: 1px solid #44A737;}
	.navBar span:nth-child(1){ z-index: 3;}
	.navBar span:nth-child(2){ z-index: 2;}
	.navBar span:nth-child(3){ z-index: 1;}
	.navBar span.cur{ z-index: 5; /*background:url(党微矩阵_files/navcur_bg2.png)*/ ; background-size: 100%; color: #fff;}
	.tabCon{ padding:5% 3% 0 1%; width: 94%; display: none;}
	.tablist{ float: left; display: inline; width:30.3%; margin: 0 1.5%; overflow: hidden; text-align: center; font-size: 18px; margin-bottom:6px; }
	.tablist .icon{ width: 80%; margin: 20% 20%; overflow: hidden;}
	.tablist .icon img{ width: 100%; display: block;}
	.tablist p{ padding:0 0 0 15px; font-size:16px; text-align:center;}
	@media (min-width: 360px){
		.tablist{ font-size: 18px;}
	}
	
	 @keyframes myfirst
{
0%{opacity:0;transform:scale3d(.3,.3,.3)}
		 50%{opacity:1}
		 100%{opacity:1;}
}

@-moz-keyframes myfirst /* Firefox */
{
0%{opacity:0;-moz-transform:scale3d(.3,.3,.3)}
		 50%{opacity:1}
		 100%{opacity:1;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3)}
		 50%{opacity:1}
		 100%{opacity:1;}
}

@-o-keyframes myfirst /* Opera */
{
0%{opacity:0;-o-transform:scale3d(.3,.3,.3)}
		 50%{opacity:1}
		 100%{opacity:1;}
}
 
	.clearfix .tablist{
		animation:myfirst 1s ease both;
        /* Firefox: */
        -moz-animation:myfirst 1s ease both;
        /* Safari and Chrome: */
        -webkit-animation:myfirst 1s ease both;
        /* Opera: */
        -o-animation:myfirst 1s ease both;
		}*/*/*/*/
</style>
<!-- <script type="text/javascript" charset="utf-8" src="xdtyoffice/image/extension.js"></script></head> -->
<body background="static/xdtyoffice/image/bg.jpg"style="background-size:100% 100%;">
    <div class="head" style="position: relative;left:5%;width:90%;top:20px;height:10%;">
       <!-- <a href='http://ste.xidian.edu.cn/'> <img style="cursor:pointer;width:100%;height:100%;" src="xdtyoffice/image/head.png" id="imageId_56e02d51e9af4" class="imageId_56e02d51e9af4" data-scaling="scale"></a> -->
       <a href='http://ste.xidian.edu.cn/'> <img style="cursor:pointer;width:100%;height:100%;" src="static/xdtyoffice/image/head.png" ></a>
    </div>
	<div class="navBar clearfix">
	</div>
	<div class="tabBox">
		<div id="sub1" class="tabCon clearfix" style="display: block;">
			<div class="clearfix">
				<div class="tablist">
                    <div class="icon">
                       <a onclick="" href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5NDIzOTAyMQ==#wechat_webview_type=1&wechat_redirect"><img src="static/xdtyoffice/image/通院学生会.png"></a>
                    </div>
                    <p><a onclick="" href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5NDIzOTAyMQ==#wechat_webview_type=1&wechat_redirect">通院学生会</a></p>
                </div>
				<div class="tablist">
                    <div class="icon">
                       <a onclick="" href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5MzAwNDA2Mg==#wechat_webview_type=1&wechat_redirect"><img src="static/xdtyoffice/image/通院团委.png"></a>
                    </div>
                    <p><a onclick="" href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5MzAwNDA2Mg==#wechat_webview_type=1&wechat_redirect">通院团委</a></p>
                </div>
                <div class="tablist">
                    <div class="icon">
                       <a onclick="" href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5NDAxMDk4Nw==#wechat_webview_type=1&wechat_redirect"><img src="static/xdtyoffice/image/通院科协.png"></a></div>
                    <p><a onclick="" href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5NDAxMDk4Nw==#wechat_webview_type=1&wechat_redirect">通院科协</a></p>
                </div>
            </div>
        	
            <div class="clearfix">
            	<div class="tablist">
                    <div class="icon">
                       <a onclick="" href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MzA3MTkyMzc1MQ==#wechat_webview_type=1&wechat_redirect"><img src="static/xdtyoffice/image/西电通院党务.png"></a>
                    </div>
                    <p><a onclick="" href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MzA3MTkyMzc1MQ==#wechat_webview_type=1&wechat_redirect">通院党务</a></p>
                </div>
                <div class="tablist">
                    <div class="icon">
                       <a onclick="" href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5MTAxMTUyMA==#wechat_webview_type=1&wechat_redirect"><img src="static/xdtyoffice/image/西安电子科技大学.png"></a>
                    </div>
                    <p><a onclick="" href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5MTAxMTUyMA==#wechat_webview_type=1&wechat_redirect">西安电子科技大学</a></p>
                </div>	
				<div class="tablist">
                    <div class="icon">
                      <a href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MzAwMTUwOTE0Mg==#wechat_webview_type=1&wechat_redirect"><img src="static/xdtyoffice/image/西电图书馆.png"></a>
                    </div>
                    <p><a href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MzAwMTUwOTE0Mg==#wechat_webview_type=1&wechat_redirect">西电图书馆</a></p>
                </div>
            </div>
                
            <div class="clearfix">
                <div class="tablist">
                    <div class="icon">
                      <a href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MzA5ODAxMjYyOA==#wechat_webview_type=1&wechat_redirect"><img src="static/xdtyoffice/image/西电青年.png"></a>
                    </div>
                    <p><a href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MzA5ODAxMjYyOA==#wechat_webview_type=1&wechat_redirect">西电青年</a></p>
                </div>
				<div class="tablist">
                    <div class="icon">
                      <a href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5MjUyNzgyNQ==#wechat_webview_type=1&wechat_redirect"><img src="static/xdtyoffice/image/西电学工.png"></a>
                    </div>
                    <p><a href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5MjUyNzgyNQ==#wechat_webview_type=1&wechat_redirect">西电学工</a></p>
                </div>
                <div class="tablist">
                    <div class="icon">
                       <a href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5NzUwNDkwMg==#wechat_webview_type=1&wechat_redirect"><img src="static/xdtyoffice/image/西电就业.png"></a>
                    </div>
                    <p><a href="http://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MjM5NzUwNDkwMg==#wechat_webview_type=1&wechat_redirect">西电就业</a></p>
                </div>
            </div>
		</div>

	</div>
<script type="text/javascript">
 //    //tab标题切换效果 手机 
	// $(function(){
	// 	var hash = window.location.hash.substring(1);
	// 	if(hash){
	// 		$(".navBar span").removeClass("cur");
	// 		$(".navBar span").eq(hash).addClass("cur");
	// 		$(".tabBox").find(".tabCon").hide().eq(hash).show();
	// 	}
	// 	$(".navBar span").each(function(index){
	// 		$(this).on("tap",function(){
	// 			window.location.hash=index;
	// 			$(".navBar span").removeClass("cur");
	// 			$(this).addClass("cur");
	// 			$(".tabBox").find(".tabCon").hide().eq(index).show();
	// 		})
	// 	});

	// })
	
	//tab标题切换效果 网页  
  //    function doClick(o){
	 // o.className="cur";
	 // var j;
	 // var id;
	 // var e;
	 // for(var i=1;i<=2;i++){ //这里2 需要你修改 你多少条分类 就是多少
	 //   id ="nav"+i;	   
	 //   j = document.getElementById(id);
	 //   e = document.getElementById("sub"+i);
	 //   if(id != o.id){
	 //   	 j.className="";
	 //   	 e.style.display = "none";
	 //   }else{
		//     j.className="cur";
		// 	e.style.display = "block";
			
	 //   }
	 // }
	 // }
</script>

</body></html>